<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>VSCode HTML 教程</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <!-- <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script src='main.js'></script> -->
    <style>
        span {
            margin-left: 5px;
            padding: auto;
            /* border: brown,1px; */
            border:1px solid  #999999 ;
        }
    </style>
</head>

<body>
    <h5>运行</h5>
    <p>HTML的预览插件使用'Open In Default Browser'，快捷键是'Ctrl+1'，预览前先保存</p>
    <p>使用HTML的模板，输入英文的叹号，选择第一个点击回车，自动生成HTML模板。也可输入 &lt;h 会提示HTML sample 按住回车确定 </p>
    <p>学到后面好多都是样式布局，和当初了解网页工作原理有点相悖，有空在看一点吧或者直接做项目加深理解。</p>
    <div>
        <span>html 格式化快捷键 ⇧ ⌥ F </span>
        <span>预览的快捷键 ⌥ B </span>
    </div>
</body>

</html>